<template>
  <div class="full">
    <div class="left">
      <info/>
    </div>
    <div class="content">
      <my-tab/>
    </div>
  </div>
</template>

<script lang="ts" setup>
import {ref, provide} from "vue";
import Info from "./info.vue";
import myTab from "./my-tab.vue";

let active: any = ref({});
provide("active", active);
</script>

<style lang="scss" scoped>
.full {
  width: 100%;
  height: 100%;
  padding: 15px;
  box-sizing: border-box;
  display: flex;

  .left {
    width: 300px;
  }

  .content {
    flex: 1;
    width: calc(100% - 300px);
    height: 100%;
  }
}
</style>